<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/member.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">会员中心</h1>
		</header>
		<div class="mui-content getHeight" id="userInfo_list">
			<div class="memberInfo member_vbg" v-cloak style='background: #929aab;' v-show="loginSta == 0">
				<div class="img_nickName">
	    			<span>
						<img src="../../../images/men_ava.png" />
					</span>
					<span class="nickName">未登录</span>
				</div>
				<div class="vip_level1">普通会员</div>
				<div class="vip_expires">有效期：永久</div>
				<span class="vipFlag">VIP</span>
			</div>

			<div class="memberInfo member_vbg" v-cloak :style="styleObject" v-show="loginSta == 1">
	    		<div class="img_nickName">
	    			<span>
						<img v-if="user_detail.sex == 1" src="../../../images/men_ava.png" />
						<img v-if="user_detail.sex == 2" src="../../../images/women_ava.png" />
						<img v-if="user_detail.sex == 0" src="../../../images/avar.png" />
					</span> 
	    			<span class="nickName">{{user_detail.membername}}</span>
	    		</div>
	    		<div class="vip_level1">{{vip_in}}</div>
	    		<div class="vip_expires">有效期至：<span> {{user_detail.viplosttime}} </span></div>
	    		<span class="vipFlag">VIP</span>
	    	</div>
	    	<div class="fengeLine"></div>
		    <div class="level_show">
		    	<div class="level_box"  v-for="val in vipdetail">
		    		<div class="level_item" @tap="open_li">
		    			<div class="level_name_buy">
		    				<span class="level_badge">
		    					<img v-show="val.vip == 6" src="../../../images/rank_zs.png"/>
		    					<img v-show="val.vip == 5" src="../../../images/rank_bj.png"/>
		    					<img v-show="val.vip == 4" src="../../../images/rank_hj.png"/>
		    					<img v-show="val.vip == 3" src="../../../images/rank_by.png"/>
		    					<img v-show="val.vip == 2" src="../../../images/rank_mg.png"/>
		    				</span>
		    				<span class="level_name">{{val.title}}</span>
		    				<em class="arr_down"></em>
		    			</div>
		    		</div>
		    		<div class="levelBtn" :class="user_vip == val.vip ? 'vip_active' : ''" @tap="buyVip(val.vip,val.id,val.vipprice)">
	    				<a>￥{{val.vipprice}}</a>
	    			</div>
		    		<div class="level_info" v-html="val.description">
		    			{{val.description}}
		    		</div>
		    	</div>
		    	
		    </div>
		</div>
		<!--弹出层-->
		<div class="popMask"></div>
		<div class="popPay">
			<div class="payCont">
				<div class="pay_tt">
					<span class="colsePay"><img src="../../../images/pay_close.png" alt="" /></span>
					<h4>选择支付方式</h4>
				</div>
				<div class="pay_way">
					<ul>
						<li>
							<span class="pay_wx"><em><img src="../../../images/icon_wx.png"/></em>微信</span>
							<i class="pay_sel"></i>
						</li>
						<li>
							<span class="pay_zfb"><em><img src="../../../images/icon_zfb.png"/></em>支付宝</span>
							<i></i>
						</li>
					</ul>
				</div>
				<a class="pay_btn"><img src="../../../images/qrzf_btn.png"/></a>
			</div>
		</div>
		<script src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/h.min.js" ></script>
		<script type="text/javascript" src="../../../js/jquery.min.js" ></script>
		<script type="text/javascript" src="../../../js/tpl/memberVip.js"></script>
		<script src="../../../js/vue.js"></script>
		<script src="../../../js/public.js"></script>
	</body>

</html>